<ul class="nav">

        <!-- Matrix进展 -->
        <li class="hidden-folded padder m-t m-b-sm text-muted text-xs" ng-if="isUserCanOperateByRole()">
            <span>Matrix进展</span>
        </li>
    
        <li  ng-if="isUserCanOperateByRole()">
            <a ui-sref="app.component.chart">
                <i class="glyphicon glyphicon-signal"></i>
                <span>项目使用率</span>
            </a>
        </li>
    
        <li  ng-if="isUserCanOperateByRole()">
            <a ui-sref="app.component.chart">
                <i class="glyphicon glyphicon-signal"></i>
                <span>知识完善度</span>
            </a>
        </li>
    
        <!--需求管理 模块-->
        <li class="hidden-folded padder m-t m-b-sm text-muted text-xs">
            <span>需求管理</span>
        </li>
        <li>
            <a ui-sref="app.need.list({'accept': '', 'appointAccept': ''})">
                <i class="fa fa-cube icon text-primary-dker"></i>
                <span>需求管理</span>
            </a>
        </li>
        <li ng-if="isUserCanOperateByRole('dept_charger')">
            <a ui-sref="app.need.count">
                <i class="fa fa-bar-chart-o icon text-primary-dker"></i>
                <span>需求统计</span>
            </a>
        </li>
        <li>
            <a ui-sref="app.need.list({'accept': getUserAccount(), 'appointAccept': getUserAccount()})">
                <i class="fa fa-bar-chart-o icon text-primary-dker"></i>
                <span>我的需求</span>
            </a>
        </li>
    
        <!--产品研发 模块-->
        <li class="hidden-folded padder m-t m-b-sm text-muted text-xs">
            <span>产品研发</span>
        </li>
        <li ng-if="isUserCanOperateByRole('pdm')">
            <a ui-sref="app.issue.list">
                <i class="fa fa-cubes icon text-primary-dker"></i>
                <span>用户故事</span>
            </a>
        </li>
        <li>
            <a ui-sref="app.req.list">
                <i class="fa fa-pencil-square-o icon text-primary-dker"></i>
                <span>产品设计</span>
            </a>
        </li>
    
    
        <li ng-if="isUserCanOperateByRole('dept_charger')">
            <a ui-sref="app.repository.flow">
                <i class="fa fa-share-alt-square icon text-primary-dker"></i>
                <span>场景流程</span>
            </a>
        </li>
        <li ng-if="isUserCanOperateByRole('dept_charger')">
            <a ui-sref="app.repository.featureMap({reqId:-1})">
            <!-- <a ui-sref="app.component.flow_2"> -->
                <i class="fa fa-sitemap icon text-primary-dker"></i>
                <span>功能地图</span>
            </a>
        </li>
    
            <!--设计知识库-->
        <li class="hidden-folded padder m-t m-b-sm text-muted text-xs" ng-if="isUserCanOperateByRole('yf')">
            <span>项目管理</span>
        </li>
    
        <li ng-if="isUserCanOperateByRole('yf')">
            <a ui-sref="app.plan.list">
                <i class="fa fa-tasks  icon text-primary-dker"></i>
                <span>项目计划</span>
            </a>
        </li>
    
    
        <!--设计知识库-->
        <li class="hidden-folded padder m-t m-b-sm text-muted text-xs" ng-if="isUserCanOperateByRole('matrix_sys_admin')">
            <span>设计知识库</span>
        </li>
    
        <li ng-if="isUserCanOperateByRole('matrix_sys_admin')">
            <a ui-sref="app.repository.flow">
                <i class="fa fa-share-alt-square icon text-primary-dker"></i>
                <span>场景流程</span>
            </a>
        </li>
        <li ng-if="isUserCanOperateByRole('matrix_sys_admin')">
            <a ui-sref="app.repository.featureMap({reqId:-1})">
            <!-- <a ui-sref="app.component.flow_2"> -->
                <i class="fa fa-sitemap icon text-primary-dker"></i>
                <span>功能地图</span>
            </a>
        </li>
    
        <!--系统配置-->
        <li class="hidden-folded padder m-t m-b-sm text-muted text-xs" ng-if="isUserCanOperateByRole()">
            <span>系统配置</span>
        </li>
        <li ng-class="{active:$state.includes('app.page')}" ng-if="isUserCanOperateByRole()">
            <a href class="auto">
            <span class="pull-right text-muted">
              <i class="fa fa-fw fa-angle-right text"></i>
              <i class="fa fa-fw fa-angle-down text-active"></i>
            </span>
                <i class="fa fa-wrench icon"></i>
                <span>基础配置</span>
            </a>
            <ul class="nav nav-sub dk">
                <li ui-sref-active="active">
                    <a ui-sref="app.config.info({'type':'ISSUE_TYPE'})">
                        <span>issue类型</span>
                    </a>
                </li>
                <li ui-sref-active="active">
                    <a ui-sref="app.config.info({'type':'BRD_STATUS'})">
                        <span>状态</span>
                    </a>
                </li>
                <li ui-sref-active="active">
                    <a ui-sref="app.config.tree">
                        <span>维护树配置</span>
                    </a>
                </li>
                <li ui-sref-active="active">
                    <a ui-sref="app.config.info({'type':'NEED_SOURCE'})">
                        <span>需求来源</span>
                    </a>
                </li>
                <li ui-sref-active="active">
                    <a ui-sref="app.config.info({'type':'NEED_PURPOSE'})">
                        <span>需求目的</span>
                    </a>
                </li>
                <li ui-sref-active="active">
                    <a ui-sref="app.config.feature">
                        <span>功能点</span>
                    </a>
                </li>
            </ul>
        </li>
        <li ng-class="{active:$state.includes('app.page')}" ng-if="isUserCanOperateByRole()">
            <a href class="auto">
            <span class="pull-right text-muted">
              <i class="fa fa-fw fa-angle-right text"></i>
              <i class="fa fa-fw fa-angle-down text-active"></i>
            </span>
                <i class="fa fa-suitcase icon"></i>
                <span>业务需求</span>
            </a>
            <ul class="nav nav-sub dk">
                <li ui-sref-active="active">
                    <a ui-sref="app.config.info({'type':'BRD_BUSINESS'})">
                        <span>业务线</span>
                    </a>
                </li>
            </ul>
        </li>
    
        <li ng-class="{active:$state.includes('app.page')}" ng-if="isUserCanOperateByRole()">
            <a href class="auto">
            <span class="pull-right text-muted">
              <i class="fa fa-fw fa-angle-right text"></i>
              <i class="fa fa-fw fa-angle-down text-active"></i>
            </span>
                <i class="glyphicon  glyphicon-copyright-mark icon"></i>
                <span>产品</span>
            </a>
            <ul class="nav nav-sub dk">
                <li ui-sref-active="active">
                    <a ui-sref="app.config.wsAgent">
                        <span>ws-agent</span>
                    </a>
                </li>
            </ul>
        </li>

        <!-- ucloud 2.0 模块 -->
        <li class="hidden-folded padder m-t m-b-sm text-muted text-xs" ng-if="isUserCanOperateByRole()">
            <span>ucloud 2.0</span>
        </li>
        <li ng-if="isUserCanOperateByRole()">
            <a ui-sref="app.ucloud2.area">
                <i class="fa fa-cube icon text-primary-dker"></i>
                <span>区域管理</span>
            </a>
        </li>
        <li ng-if="isUserCanOperateByRole()">
            <a ui-sref="app.ucloud2.node">
                <i class="fa fa-cube icon text-primary-dker"></i>
                <span>节点管理</span>
            </a>
        </li>
        <li ng-if="isUserCanOperateByRole()">
            <a ui-sref="app.ucloud2.config">
                <i class="fa fa-cube icon text-primary-dker"></i>
                <span>应用配置</span>
            </a>
        </li>
        <li ng-if="isUserCanOperateByRole()">
            <a ui-sref="app.ucloud2.publish">
                <i class="fa fa-cube icon text-primary-dker"></i>
                <span>发布面板</span>
            </a>
        </li>
    
        <!-- 开发者工具 -->
        <li class="hidden-folded padder m-t m-b-sm text-muted text-xs" ng-if="isUserCanOperateByRole()">
            <span>Matrix开发者</span>
        </li>
    
        <li ui-sref-active="active" ng-if="isUserCanOperateByRole()">
            <a ui-sref="app.component.demo">
                <i class="fa fa-book"></i>
                <span>可用组件</span>
            </a>
        </li>

    <li ui-sref-active="active" ng-if="isUserCanOperateByRole()">
        <a ui-sref="app.component.gate({'serviceId':'','methodName':''})">
            <i class="fa fa-book"></i>
            <span>接口测试</span>
        </a>
    </li>
    <li ui-sref-active="active" ng-if="isUserCanOperateByRole()">
        <a ui-sref="app.component.openapi({'hasAdmin':'','actionName':''})">
            <i class="fa fa-book"></i>
            <span>openapi测试</span>
        </a>

    </li>
 <li ui-sref-active="active" ng-if="isUserCanOperateByRole()">
     <a ui-sref="app.component.uschedule">
         <i class="fa fa-book"></i>
         <span>uschedule测试</span>
     </a>

    </li>
    <li ui-sref-active="active" ng-if="isUserCanOperateByRole()">
        <a ui-sref="app.component.ucloud">
            <i class="fa fa-book"></i>
            <span>cloudlink测试</span>
        </a>
    </li>

    <li ui-sref-active="active" ng-if="isUserCanOperateByRole()">
        <a ui-sref="app.component.paramdiffs">
            <i class="fa fa-book"></i>
            <span>paramdiffs测试</span>
        </a>
    </li>


        <li ui-sref-active="active" ng-if="isUserCanOperateByRole()">
            <a ui-sref="app.component.flow_2">
                <i class="fa fa-book"></i>
                <span>FlowChart_test</span>
            </a>
        </li>
        <li ui-sref-active="active" ng-if="isUserCanOperateByRole()">
            <a ui-sref="app.component.datatable({'reqId':'REQ2018041110293400001'})">
                <i class="glyphicon glyphicon-briefcase icon text-success"></i>
                <span>FlowChart_datatable</span>
            </a>
        </li>
        <li ui-sref-active="active" ng-if="isUserCanOperateByRole()">
            <a ui-sref="app.component.expression">
                <i class="glyphicon glyphicon-briefcase icon text-success"></i>
                <span>Expression</span>
            </a>
        </li>
        <li ui-sref-active="active" ng-if="isUserCanOperateByRole()">
            <a ui-sref="app.component.jsonedit">
                <i class="glyphicon glyphicon-briefcase icon text-success"></i>
                <span>JSONedit</span>
            </a>
        </li>
    <li ui-sref-active="active" ng-if="isUserCanOperateByRole()">
        <a ui-sref="app.component.gantt">
            <i class="glyphicon glyphicon-briefcase icon text-success"></i>
            <span>甘特图</span>
        </a>
    </li>
    </ul>
    
